require.config({
	paths: {
		zepto: '../vendor/zepto.min'
	}
})
require(['zepto'], function($) {
	$(function() {
		var isdrag = false;
		var x, tx, se = $('.select'),ul = $('.biaochi ul');
		se.css('left', ul.width());
		$(function() {
			se[0].addEventListener('touchend', function() {
				isdrag = false;
			});
			se[0].addEventListener('touchstart', selectmouse);
			se[0].addEventListener('touchmove', movemouse);
		})

		function movemouse(e) {
			if(isdrag) {
				var n = tx + e.touches[0].pageX - x;
				if(n <= 0) {
					n = 0;
				} else if(n >= ul.width()) {
					n = ul.width();
					se.css('left', ul.width());
				} else {
					$('.inputs input').val(parseInt((3000 / ul.width()) * n));
					se.css('left', n);
					return false;
				}
			}
		}
		$('.inputs input').keyup(function(){
			if($('.inputs input').val() >= 3000){
				$('.inputs input').val(3000)
			}
			else if($('.inputs input').val() < 0){
				$('.inputs input').val('')
			}
			var all = ($('.inputs input').val()/3000)*ul.width();
			se.css('left', all);
		})
		function selectmouse(e) {
			isdrag = true;
			tx = parseInt(se[0].style.left + 0);
			x = e.touches[0].pageX;
			return false;
		}
	})
})